<template>
    <div class="logo_container" v-if="setting.logoHidden">
        <img class="logo_item" src="@/assets/images/logoVue.png"/>
        <p class="logo_title">{{ setting.title }}</p>
    </div>
</template>

<script setup>
// 引入配置文件
import setting from '@/setting'
// 组件命名
defineOptions({
    name: 'Logo'
})
</script>

<style scoped lang="scss">
.logo_container{
    width: 100%;
    height: $base-menu-logo-height;
    display: flex;
    align-items: center;
    .logo_title{
        color: #fff;
    }
    .logo_item{
        width: 50px;
        height: 50px;
        margin-right: 10px;
    }
}
</style>